import React, { useState } from "react";
import { AppstoreOutlined } from '@ant-design/icons';
import { Button, Drawer, Radio, Space } from 'antd';
const AppConfigLined = () => {

    const [open, setOpen] = useState(false);
    const [placement, setPlacement] = useState('right');
    const showDrawer = () => {
        setOpen(true);
    };
    const onClose = () => {
        setOpen(false);
    };
    const onChange = (e) => {
        setPlacement(e.target.value);
    };


    return (
        <>
            <AppstoreOutlined style={{
                cursor: 'pointer',
            }} onClick={showDrawer} />
            <Drawer
                title="应用配置"
                placement={placement}
                closable={false}
                onClose={onClose}
                open={open}
                key={placement}
            >
                <p>Some contents...</p>
                <p>Some contents...</p>
                <p>Some contents...</p>
            </Drawer>
        </>



    )
}
export default AppConfigLined;